import { useMantineTheme } from "@mantine/core";

function BrandLogo() {
  const theme = useMantineTheme();

  // return <>
  //     <svg xmlns="http://www.w3.org/2000/svg" version="1.0" height="100%"  viewBox="0 0 273.000000 170.000000" preserveAspectRatio="xMidYMid meet">
  //         <g transform="translate(0.000000,170.000000) scale(0.100000,-0.100000)" fill={theme.colors[theme.primaryColor][theme.primaryShade]} stroke="none">
  //             <path d="M1975 1650 l-17 -50 -61 0 -62 -1 27 -20 c76 -57 73 -50 55 -104 -10 -27 -17 -53 -17 -58 0 -5 22 7 49 27 l48 36 43 -31 c23 -17 44 -29 46 -26 2 2 -3 23 -11 47 -8 23 -15 46 -15 50 0 4 23 24 52 44 l52 36 -66 0 -65 0 -13 45 c-7 25 -16 48 -21 50 -4 3 -15 -17 -24 -45z" />
  //             <path d="M1325 1499 c-202 -16 -404 -52 -567 -100 -109 -32 -301 -112 -368 -152 l-45 -27 62 0 c47 0 68 -5 80 -17 20 -20 59 -19 80 3 8 8 29 14 47 14 19 0 67 15 107 34 190 86 544 186 799 225 74 11 146 22 160 24 48 8 -255 4 -355 -4z" />
  //             <path fill={theme.colors[theme.primaryColor][theme.primaryShade-3]} d="M2267 1336 c99 -93 148 -164 187 -276 25 -72 29 -100 29 -185 0 -114 -18 -177 -78 -261 -19 -27 -35 -55 -35 -62 0 -20 -47 -62 -70 -62 -11 0 -39 -14 -62 -30 -32 -24 -37 -30 -20 -30 32 0 52 -27 52 -69 0 -62 -11 -65 -209 -71 -166 -5 -179 -7 -233 -33 -31 -15 -66 -27 -77 -27 -11 0 -32 -5 -48 -11 -97 -37 -517 -124 -683 -142 -19 -2 3 -4 50 -5 129 -3 399 16 553 39 508 73 936 296 1063 554 32 65 38 88 42 160 4 70 1 95 -19 150 -48 136 -177 263 -368 364 -158 82 -166 82 -74 -3z" />
  //             <path d="M210 1127 c-88 -72 -144 -139 -180 -213 -28 -57 -30 -70 -30 -174 0 -104 2 -117 29 -174 69 -142 228 -272 456 -371 l60 -26 -50 43 c-123 105 -192 200 -229 317 -46 147 -43 264 9 375 18 38 21 54 13 69 -5 11 -7 36 -4 56 9 49 9 69 -1 114 l-8 38 -65 -54z" />
  //             <path d="M370 1091 l29 -71 -29 0 -28 0 36 -90 36 -90 48 0 c26 0 48 2 48 5 0 3 -11 32 -24 65 l-25 60 29 0 29 0 -38 93 -37 92 -52 3 -51 3 29 -70z" />
  //             <path d="M616 1145 c5 -12 -2 -15 -30 -15 -32 0 -36 -3 -36 -25 0 -24 1 -24 102 -27 70 -2 103 -7 106 -15 3 -10 -20 -13 -92 -13 -95 0 -96 0 -96 -25 0 -24 2 -24 92 -27 62 -2 93 -7 96 -15 3 -10 -22 -13 -102 -13 l-106 0 0 -25 0 -25 260 0 260 0 0 25 0 25 -105 0 c-87 0 -105 3 -105 15 0 12 17 15 95 15 95 0 95 0 95 25 0 25 0 25 -95 25 -78 0 -95 3 -95 15 0 12 18 15 105 15 l105 0 0 25 c0 22 -4 25 -36 25 -28 0 -35 3 -30 15 4 12 -4 15 -45 15 -35 0 -51 -4 -55 -15 -5 -12 -25 -15 -94 -15 -69 0 -89 3 -94 15 -4 11 -20 15 -55 15 -41 0 -49 -3 -45 -15z" />
  //             <path d="M1272 1093 c-94 -33 -142 -121 -142 -261 0 -94 14 -142 56 -191 59 -68 162 -98 278 -79 71 11 109 30 148 72 78 85 76 303 -3 399 -58 70 -225 100 -337 60z m198 -85 c38 -19 48 -31 63 -73 22 -64 17 -180 -10 -228 -50 -86 -204 -89 -250 -5 -14 25 -18 55 -18 128 0 110 18 153 75 182 47 24 87 23 140 -4z" />
  //             <path d="M1931 1088 c-5 -13 -56 -137 -114 -275 l-105 -253 67 0 66 0 26 63 25 62 110 3 109 2 26 -62 25 -63 66 -3 66 -3 -113 273 -113 273 -66 3 c-61 3 -67 1 -75 -20z m121 -211 c21 -50 38 -93 38 -94 0 -2 -38 -3 -84 -3 l-84 0 40 100 c22 56 43 98 46 95 3 -3 23 -47 44 -98z" />
  //             <path d="M610 876 l0 -26 118 0 c64 0 154 -3 200 -7 l82 -6 0 27 0 26 -162 0 c-90 0 -180 3 -200 6 -36 6 -38 5 -38 -20z" />
  //             <path d="M590 795 c0 -25 1 -25 90 -25 l90 0 0 -80 c0 -76 -1 -80 -24 -86 -13 -3 -26 -14 -29 -25 -5 -17 1 -19 56 -19 34 0 67 4 73 8 25 16 34 56 34 151 l0 101 -145 0 -145 0 0 -25z" />
  //             <path d="M932 757 l-33 -62 36 -67 36 -68 45 0 c24 0 44 3 44 6 0 4 -15 33 -32 65 l-33 59 30 57 c17 31 32 60 33 65 2 4 -18 8 -45 8 l-48 0 -33 -63z" />
  //             <path d="M382 683 c-18 -60 -32 -111 -32 -115 0 -5 22 -8 49 -8 l50 0 27 88 c14 48 30 99 35 115 l8 27 -53 0 -52 0 -32 -107z" />
  //             <path d="M550 720 c0 -17 7 -20 40 -20 l40 0 -32 -62 c-18 -35 -34 -66 -36 -70 -2 -5 18 -8 45 -8 l48 0 38 70 c20 38 37 78 37 90 0 19 -6 20 -90 20 -83 0 -90 -1 -90 -20z" />
  //             <path d="M730 265 c-5 -14 -13 -37 -16 -50 -6 -23 -11 -25 -63 -26 -56 0 -56 0 -32 -17 69 -47 67 -44 49 -103 -10 -29 -16 -54 -14 -56 1 -2 20 10 42 27 48 36 57 37 100 4 19 -15 37 -25 39 -22 3 3 -2 24 -10 48 -8 23 -15 45 -15 49 0 3 21 20 45 36 l45 30 -57 5 -57 5 -15 48 c-16 53 -27 59 -41 22z" />
  //         </g>
  //     </svg>
  // </>;
  return (
    <svg
    fill="white"
    height="100%"
    viewBox="-2.88 -2.88 29.76 29.76"
    id="computer-gaming-mouse"
    data-name="Line Color"
    xmlns="http://www.w3.org/2000/svg"
    className="icon line-color"
    transform="rotate(45)matrix(-1, 0, 0, 1, 0, 0)"
  >
    <g
      id="SVGRepo_bgCarrier"
      stroke-width="0"
      transform="translate(2.16,2.16), scale(0.82)"
    >
      <path
        transform="translate(-2.88, -2.88), scale(0.9299999999999999)"
        d="M16,29.258366218635015C18.58958052383677,29.365931850931286,21.165813546744644,28.823878818550675,23.424603831896107,27.55290906974019C25.771782796491014,26.232205027999367,27.753726448500274,24.32399517417325,29.006535265407276,21.939885628454462C30.303477141649054,19.47179036470603,30.79857155670788,16.68198010624655,30.598414631478576,13.901064849254755C30.388013228553124,10.977816149178286,29.654748153655305,8.041916438756711,27.84055268695679,5.740102692715926C25.98190527074954,3.3818892310459736,23.362744952931653,1.5287607884146337,20.411434287005413,0.9760345435471667C17.57366412708915,0.44457234866663964,14.903404406097463,2.018480409463425,12.123106691451635,2.7965139325416963C9.301084986962424,3.586223422061879,6.01522624770625,3.4771595519781227,3.970898812821803,5.576724487250475C1.9001062267761601,7.703469659130994,1.467747702772024,10.92481871253095,1.3218660121127765,13.88960293619194C1.1850726674287724,16.669682796715882,1.764499263429325,19.456703310747667,3.1697128091529905,21.859395829767816C4.494398999426956,24.12439932984542,6.6884319725370665,25.641317432220344,8.961485657709083,26.952142097227934C11.144451858754662,28.211015109279966,13.482230125833063,29.153783447024573,16,29.258366218635015"
        fill={theme.colors[theme.primaryColor][theme.primaryShade]}
        strokeWidth="0"
      ></path>
    </g>
    <g
      id="SVGRepo_tracerCarrier"
      stroke-linecap="round"
      stroke-linejoin="round"
      stroke="#CCCCCC"
      stroke-width="0.048"
    ></g>
    <g id="SVGRepo_iconCarrier">
      <path
        id="secondary"
        d="M12,3v7M6,10H18"
        style={{fill: "none" ,stroke: theme.colors[theme.primaryColor][2], strokeLinecap: "round", strokeLinejoin: "round", strokeWidth:0.552}}
      ></path>
      <path
        id="primary"
        d="M16.28,3.89A3,3,0,0,1,18,6.61V15a6,6,0,0,1-6,6h0a6,6,0,0,1-6-6V6.61A3,3,0,0,1,7.72,3.89,10.14,10.14,0,0,1,12,3,10.14,10.14,0,0,1,16.28,3.89Z"
        style={{fill: "none" ,stroke: "white", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth:0.552}}
      ></path>
    </g>
  </svg>
  );

;
}

export default BrandLogo;
